var QQMapWx=require('../../lib/qqmap-wx-jssdk');
var qqmapsdk;
Page({
  mapCtx:null,
  /**
   * 页面的初始数据
   */
  data: {
    la:null,
    lo:null,
    markers:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    qqmapsdk=new QQMapWx({key:'WJHBZ-4DJCD-WVK4G-HZRUG-K47ST-GDBGH'});
    this.mapCtx=wx.createMapContext('myMap');
  },
  //查询某个位置经纬度参数（la,lo)的食物，存入marker中
  getFood:function(la,lo){
    var that=this;
    //调用接口
    qqmapsdk.search({
      keyword:'影城',//搜索关键词
      location:la+','+lo,//设置周边搜索中心点
      success:function(res){//搜索成功后的回调
        var mks=[]
        for(var i=0;i<res.data.length;i++){
          mks.push({//获取返回结果，放到mks数组中
            title:res.data[i].title,
            id:res.data[i].id,
            latitude:res.data[i].location.lat,
            longitude:res.data[i].location.lng,
            iconPath:"../images/电影院.png",
            width:20,
            height:20
          })
        }
        that.setData({
          markers:mks
        })
      }
    });
  },
  bindregionchange:function(e){
    if(e.type==='end'){
      this.mapCtx.getCenterLocation({
        success:(res)=>{
          this.getFood(res.latitude,res.longitude)
        }
      })
    }
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    wx.getLocation({
      type:'gcj02',
      success:(res)=>{
        this.setData({la:res.latitude,lo:res.longitude})
      }
    })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})